var AttendanceSearchForm = function () {
  var template = /*html*/ `
    <div class="search-form">
      <el-form :model="search" :inline="true">
        <el-form-item label="时间">
          <el-date-picker v-model="search.startDate" class="form-input" value-format="timestamp" :editable="false"
            :clearable="false" :picker-options="startDateOption"></el-date-picker>
          -
          <el-date-picker v-model="search.endDate" class="form-input" value-format="timestamp" :editable="false"
            :clearable="false" :picker-options="endDateOption"></el-date-picker>
        </el-form-item>
        <el-form-item label="部门/人员">
          <dept-person-select v-model="search.deptPerson" class="form-input" :options="personList"></dept-person-select>
        </el-form-item>
      </el-form>
    </div>
  `;

  return {
    mixins:[datePickerOptionsMixin('startDate','endDate')],

    props: {
      search: {
        type: Object,
        required: true
      },

      personList: {
        type: Array,
        default: function () {
          return [];
        }
      }
    },

    data: function () {
      return {};
    },

    components: {
      DeptPersonSelect:DeptPersonSelect
    },

    template: template
  };
}();